<template>
	<div class="page-header">
		<span>{{ title }}</span>
	</div>
</template>

<script>
export default {
	props: ['title'],
	data() {
		return {
			bannerList: [1, 2, 3, 4]
		};
	},
	computed: {},
	components: {},
	watch: {},
	created() {},
	mounted() {
		this.init();
	},
	methods: {
		init() {
			console.log(this.title);
		}
	}
};
</script>

<style lang="scss" scoped>
@import '@mall/assets/css/common';
.page-header * {
	font-size: rem(28);
}
.page-header {
	width: 100%;
	height: rem(90);
	background: $tc;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	display: flex;
	justify-content: center;
	align-items: center;
	span {
		color: #fff;
	}
}
</style>
